<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../js/vue.js"></script>

</head>
<body>
<div id="app">
    <h3>{{text}}</h3>
    <input v-model="text">
    <h3> v-pre :不解析胡子语法</h3>
    <div>{{text}}</div>
    <div v-pre>{{text}}</div>
    <h3>v-html 将String的html解析出来并进行渲染</h3>
    <div>{{text1}}</div>
    <div v-html="text1"></div>
    <h3>v-cloak :对未编译的表紧样式进行定义 =》在元素加载完后加载标签</h3>
    <div>未加斗篷 : {{text}}</div>
    <div v-cloak>加了斗篷 : {{text}}</div>
</div>
<script>

    var v = new Vue({
        el:"#app",
        data : {
            text : "vue框架",
            text1 : "<a href='www.baidu.com'>百度</a>"
        }
    });
</script>
</body>
</html>